<template lang="pug">
    .content
        image.logo(src="../../static/logo.png")
        view
            text.title {{title}}
            button(@click="goto('/pages/analysis/AnalysisPage')") 跳转
</template>

<script lang="ts">
import { Component, Vue } from 'vue-property-decorator';
@Component({
    name: 'HomeIndex'
})
export default class HomeIndex extends Vue {
    public title = '测试ts';

    public onLoad() {
        console.log('页面加载完毕');
    }

    /**
     * 页面跳转
     * @param url
     */
    public goto(url: string) {
        uni.navigateTo({
            url: url
        });
    }
}
</script>

<style lang="stylus">
.content
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;


.logo
    height: 200rpx;
    width: 200rpx;
    margin: 200rpx auto 50rpx auto;


.text-area
    display: flex;
    justify-content: center;


.title
    font-size: 36rpx;
    color: #8f8f94;
</style>
